h5开发移动端遇到的bug

之前开发过几个移动端的项目，经常会遇到莫名其妙的bug，现在有空就一一记录下，避免下次遇到时 毫无头绪。

H5在ios上把某些数字变色

造成的原因：

safari总会把长串数字识别为电话号码，文字变成蓝色，点击还会弹出菜单添加到通讯录。

解决的办法：

safari有个私有meta属性可以解决这个问题： <meta name="format-detection" content="telephone=no" />

JavaScript 在 ios 时间 显示 NaN

造成的原因：

 服务端传来的时间格式如果是  2017-02-16 20:41:10 这种格式的，需要把横杆转为斜杠，

解决的办法：

例如：new Date("2017-02-16 20:41:10".replace(/-/g,'/')).getFullYear()

IOS能否自动弹出软键盘

在ios移动端， 弹出软键盘只能 行为事件才能触发 弹出软键盘， 脚本事件是不能触发 弹出软键盘

（行为事件；如点击，触屏等）
（脚本事件：如 定时器定时触发）

ios input输入时白屏

解决的办法：

在input的父元素上添加style="position:relative;"

ios 移动端 emoji 表情显示不完整

解决的办法：

给input 设置高度，或者加大字体

IOS和安卓一些标签使用

• 不能用 overflow:auto 不然会隐藏 按钮
• 不能用 <input type="button" > 不然不能正常显示

移动端上传问题

ios手机可以正常进行上传文件，安卓手机不能正常上传问题，所以移动端开发，涉及到上传文件的地方最好用对应环境提供的第三方api，比如微信公众号，小程序，钉钉开放，H5嵌套app混合开发等等，都用第三方封装好的上传接口来进行上传文件

目前记得的就这些，后续有新的会继续更新！
如有错误或者遗漏的欢迎指正！